.details2 {
  padding: 20px;

  .top {
    display: flex;
    justify-content: space-between;

    .top-l {
      display: flex;

      .title {
        font-weight: bold;
        padding-bottom: 5px;
        margin-right: 5px;
        cursor: pointer;
      }

      .detail {
        margin-left: 5px;
      }
      .titleRight {
        display: flex;
        margin-right: 10px;
        color: #3c48ee;
        font-weight: 650;
        font-size: 13px;
      }
    }
  }

  .hr {
    border: 1px solid #ececec;
  }

  .chooseThrough {
    display: flex;
    justify-content: space-between;
    padding-left: 25px;
    padding-top:10px;
    border-bottom: 1px solid #e1e5eb;
    .chooseLeft {
      margin-top: 7px;
      margin-bottom: 22px;

      .bigName {
        display: flex;
        margin-bottom: 9px;
        p {
          font-size: 18px;
          font-weight: 650;
          color: #485464;
        }
        span {
          width: 56px;
          height: 22px;
          border: 1px solid #dce2ee;
          border-radius: 3px;
          color: #a8b4c3;
          line-height: 22px;
          margin-left: 17px;
          text-align: center;
        }
      }
      p {
        font-size: 12px;
        color: #a8b4c3;
      }
    }
    .chooseRight {
      display: flex;
      margin-right: 23px;
      .one {
        line-height: 80px;
        text-align: center;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background-color: #fc6080;
        box-shadow: 1px 2px 6px #f58097;
        color: #fff;
      }
      .two {
        margin-left: 35px;
        line-height: 80px;
        text-align: center;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background-color: #3c48ee;
        box-shadow: 1px 2px 6px #656ff3;
        color: #fff;
      }
    }
  }
}
//标签页样式
.context-box {
  //text-align: center;
  display: flex;
  justify-content: center;
  .context {
    //text-align: center;
    width: 600px;
    .tr {
      display: flex;
      .img {
        width: 80px;
        height: 80px;
        margin-top: 10px;
        margin-bottom: 10px;
      }
      .td {
        color: #a8b4c3;
        width: 158px;
        font-size: 13px;
        font-weight: 650;
      }
      div {
        font-size: 13px;
        line-height: 28px;
        color: #485464;
        width: 445px;
      }
    }
  }
}
//
.tab2 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  .tabLeft {
    margin-right: 53px;
    img {
      width: 120px;
      height: 168px;
    }
  }
  .tabRight {
    .context {
      .tr {
        display: flex;
        .td {
          width: 125px;
          font-size: 13px;
          color: #a8b4c4;
          text-align: left;
          line-height: 28px;
        }
        div {
          font-size: 13px;
          text-align: left;
          line-height: 28px;
          font-weight: 400;
          color: #485465;
        }
      }
    }
  }
}
.tabSCon {
  .tabSConA {
    font-size: 18px;
    font-weight: 700;
    color: #485465;
  }
  .tabSConB {
    .tr {
      display: flex;
      .td {
        width: 100px;
        font-size: 13px;
        color: #a8b4c4;
        text-align: left;
        line-height: 28px;
      }
      p {
        font-size: 13px;
        text-align: left;
        line-height: 28px;
        color: #485464;
      }
    }
  }
}
//hover样式
.title1:hover {
  cursor: pointer;
}
.title3:hover {
  cursor: pointer;
}
.title4:hover {
  cursor: pointer;
}
.one:hover {
  cursor: pointer;
}
.two:hover {
  cursor: pointer;
}

//UI样式
.anticon,
.anticon-right {
  line-height: 36px;
  margin: 0 5px;
  margin-right: 13px;
}
:where(.css-dev-only-do-not-override-1ij74fp).ant-tabs
  .ant-tabs-tab
  + .ant-tabs-tab {
  margin: 0 0 0 0;
}
.ant-tabs-tab {
  text-align: center;
}
.ant-tabs-nav-list {
  //text-align: center;
  color: #485464;
  font-weight: 650;
}
:where(.css-dev-only-do-not-override-1ij74fp).ant-tabs .ant-tabs-tab {
  // text-align: center;
  width: 90px;
}
.ant-tabs-tab,
.ant-tabs-tab-active {
  //text-align: center;
  width: 90px;
}
.ant-tabs-tab-btn {
  //text-align: center;
  width: 90px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab {
  width: 205px;
  height: 45px;
  margin: 0 0 0px 0;
  border: 1px solid #e1e5eb;
  border-radius: 5px;
}
:where(.css-dev-only-do-not-override-1ij74fp).ant-tabs-left
  > .ant-tabs-nav
  .ant-tabs-tab
  + .ant-tabs-tab {
  margin: 10px 0 0;
}
.ant-tabs-tab,
.ant-tabs-tab-active {
  margin: 0;
}
.ant-tabs-nav-list,
.ant-tabs-tab {
}
:where(.css-dev-only-do-not-override-1ij74fp).ant-tabs
  > .ant-tabs-nav
  .ant-tabs-nav-wrap {
}
// .ant-tabs-content-holder{
//   width: 385px;
//   margin-left: 115px;
//   //border: 1px solid #485464 ;
// }
// .ant-tabs-content ,.ant-tabs-content-left{
//   width: 385px;
//   margin-left: 115px;
//   //border: 1px solid #3c48ee ;
// }
:where(.css-dev-only-do-not-override-1ij74fp).ant-tabs-left
  > .ant-tabs-content-holder,
:where(.css-dev-only-do-not-override-1ij74fp).ant-tabs-left
  > div
  > .ant-tabs-content-holder {
  padding-left: 115px;
  width: 500px;
}
